<!--
 * @Author: huangtianyang 916072572@qq.com
 * @Date: 2023-12-19 14:41:48
 * @LastEditors: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git
 * @LastEditTime: 2024-06-04 14:49:13
 * @FilePath: \cxl-driving-training\src\views\clueManagement\clue\Index.vue
-->
<template>
    <div class="page-box">
        <TemplateVue
            :page="data.pageData"
            @search="data.onSearch"
            @reset="data.onReset"
            @paginationChange="data.onPaginationChange"
            @paginationSize="data.onPaginationSize"
            @operation="data.onOperation"
        >
        </TemplateVue>
        <DetailVue
            :data="data.detailData"
            :visible="data.dialog.visible"
            :propName="data.detailDataPropName"
            @close="data.onCloseDialog()"
        ></DetailVue>
    </div>
</template>
<script setup lang="ts">
import TemplateVue from '@/components/template/Index.vue'
import ClientLibraryData from '.'
import { reactive } from 'vue'
import DetailVue from '../detail/Index.vue'

const data = reactive(new ClientLibraryData())
</script>
